Home Page | Table of Contents | View MTX File | Previous Page | Next Page

Floating Graphics


Introduction | Float Left | Float Right | Clear Tag | Examples

Introduction

Version 2.0 HTML is somewhat limited when it comes to integrating text and pictures. For example, this line of text does not fill the space next to the picture, it wraps onto subsequent lines below the picture instead. Netscape introduces the idea of graphics that "float" alongside other page elements. You can choose to have a graphic float to either the left or right. Floating is cumulative; graphics will stack up several layers deep. This may lead to unpredictable results. It is often necessary to terminate the floating property with the clear tag discussed below. For compatibility it is best to use floating graphics sparingly.

Float Left

This is an example of a graphic floating to the left. To use this property simply add the left switch to the image tag: {=picture left=}. Text, lists, tables, and other elements will move up to fill the empty space next to the graphic.

Float Right

This is an example of a graphic floating to the right. To use this property simply add the right switch to the image tag: {=picture right=}. Text, lists, tables, and other elements will move up to fill the empty space next to the graphic.

Clear Tag

The clear tag ({C}) is used to terminate the floating property. You must use the clear tag to avoid unwanted formatting problems. The use of the clear tag is illustrated in the following examples.

Examples

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.{C}

A list of items:

col 1col 2col 3
row 1onethis is an example of a tablethree
row 2fourfivesix{C}

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.

This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.{C}

This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. This is a long paragraph of text that should spill over into the space around the pictures. {C}


Edited on March 5, 1996 / Updated on March 5, 1996
MTX 1.3 User's Manual / Copyright 1996 by the University of Florida
Location: http://www.med.ufl.edu/medinfo/mtx/docs/float.html
Contact: Richard Rathe / rrathe@ufl.edu

Home Page | Table of Contents | View MTX File | Previous Page | Next Page